<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			#grjj {
				width: 1004px;
				height: 150px;
				background-color: rosybrown;
				margin: 0 auto;
				text-align: center;
				line-height: 200px;
				font-size: 40px;
				color: brown;
				border-bottom: 5px solid black;
				
			}
			
			#jbxx {
				width: 1000px;
				height: 200px;
				background-color: rosybrown;
				margin: 0 auto;
				margin-top: 3px;
			}
			
			p {
				line-height: 40px;
				margin-left: 20px;
			}
			
			#grxx {
				width: 1004x;
				height: 550px;
				background-color: rosybrown;
				margin: 0 auto;
				margin-top: 3px;
			}
			
			legend {
				margin-left: 20px;
			}
			
			#box3 {
				width: 1004px;
				height: 950px;
				background-color: #BC8F8F;
				margin: auto;
				/*overflow: hidden;*/
			}
			
			#box4 {
				margin-left: 400px;
				margin-top: -8px;
			}
			
			#a {
				width: 40px;
				height: 20px;
				/*border: 3px;*/
			}
			
			#zhaopian {
				width: 30px;
				height: 30px;
			}
		</style>
	</head>

	<body>
		<form action="#" method="post" id="box3">

			<div id="grjj">
				个人简介
			</div>
			<div id="box1">
				<fieldset id="jbxx">
					<legend>基本信息</legend>
					<p>
						用户：<input type="user" name="" id="" value="" placeholder="请输入用户名" />
					</p>
					<p>
						密码：<input type="password" name="" id="" value="" placeholder="请输入密码" />
					</p>
				</fieldset>

				<fieldset id="grxx">
					<legend>个人信息</legend>
					<p>
						性别：
						<label>
				       男<input type="radio" name="sex" id="" value="男" />
				</label>
						<label>
				        女<input type="radio" name="sex" id="" value="女" />
				</label>
					</p>
					<p>
						爱好：
						<input type="checkbox" name="hobby1" id="" value="唱歌" />唱歌
						<input type="checkbox" name="hobby2" id="" value="跳舞" />跳舞
						<input type="checkbox" name="hobby3" id="" value="看书" />看书
						<input type="checkbox" name="hobby4" id="" value="运动" />运动
					</p>
					<p>
						籍贯：<select name="">
						<option value="西安">西安</option>
						<option value="咸阳">咸阳</option>
						<option value="渭南">渭南</option>
						<option value="汉中">汉中</option>
					</select>
						<p>
							喜欢颜色:
							<input type="color" name="" id="" value="" />
						</p>
						<p>
							证件照:
							<input id="zhaopian" type="image" src="img/4-140922114G6.jpg" />
						</p>
						<p>
							出生日期:
							<input type="date" name="" id="" value="" />
						</p>
						<p>
							电话:
							<input type="tel" name="" id="" value="" />
						</p>
						<p>
							邮箱:
							<input type="email" name="" id="" value="" />
						</p>
						<p>
							<textarea name="hetong" rows="10" cols="20">
						</textarea>
							<input type="checkbox" name="" id="" value="" />同意
						</p>

				</fieldset>
				<p id="box4">

					<input type="submit" name="" id="a" value="提交" />
					<input type="reset" name="" id="a" value="重置" />
					<input type="button" name="" id="a" value="登录" />

				</p>
			</div>
		</form>
	</body>

</html>